<!--
 * @FileDescription: 
 * @Author: wangzhichiao<https://github.com/wzc570738205>
 * @Date: 2021-09-27 10:21:46
 * @LastEditors: wangzhichiao<https://github.com/wzc570738205>
 * @LastEditTime: 2021-11-30 09:09:18
-->
<template>
  <div class="new-tab-box Text">
    <!---->
    <div class="bg-wrap c-fadeIn ">
      <div
        data-change-num="1"
        data-report-click='{"spm":"3001.5205","dest":"blob:chrome-extension://kfkdboecolemdjodhmhmcibjocfopejo/ab3f5600-3adb-4997-9ec3-5938c905d4d9"}'
        class="changeWallpaper"
      ></div>
      <div data-report-click='{"spm":"3001.5263"}' class="openWallpaper"></div>
      <div class="mask" style="background-color: rgba(0, 0, 0, 0);"></div>
      <!---->
      <div
        class="bg-image"
        style='filter: blur(0px); transform: scale(1); background-image: url("blob:chrome-extension://kfkdboecolemdjodhmhmcibjocfopejo/ab3f5600-3adb-4997-9ec3-5938c905d4d9");'
      ></div>
      <!---->
    </div>
    <!---->
    <div class="old-soso">
      <div class="wrap-nav">
        <dl class="block-nav">
          <dt>
            <img
              src="https://img-operation.csdnimg.cn/csdn/silkroad/img/1597394604337.png"
              alt=""
            /><span>技术手册</span>
          </dt>
          <dd>
            <div class="globar-blur-glass " style="border-radius: 0px;"></div>
            <ul class="clear">
              <li>
                <a
                  href="https://docs.pythontab.com/learnpython/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Python初级手册","dest":"https://docs.pythontab.com/learnpython/"}'
                  >Python初级手册</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/interpy/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Python进阶手册","dest":"https://docs.pythontab.com/interpy/"}'
                  >Python进阶手册</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/python/python2.7/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Python2手册","dest":"https://docs.pythontab.com/python/python2.7/"}'
                  >Python2手册</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/python/python3.5/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Python3手册","dest":"https://docs.pythontab.com/python/python3.5/"}'
                  >Python3手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/27.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"HTML手册","dest":"https://www.php.cn/course/27.html"}'
                  >HTML手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/css/css-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"CSS手册","dest":"https://www.runoob.com/css/css-tutorial.html"}'
                  >CSS手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/css3/css3-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"CSS3手册","dest":"https://www.runoob.com/css3/css3-tutorial.html"}'
                  >CSS3手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/34.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"HTML5手册","dest":"https://www.php.cn/course/34.html"}'
                  >HTML5手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Boostrap4手册","dest":"https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html"}'
                  >Boostrap4手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Boostrap3手册","dest":"https://www.runoob.com/bootstrap/bootstrap-tutorial.html"}'
                  >Boostrap3手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/64.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Boostrap手册","dest":"https://www.php.cn/course/64.html"}'
                  >Boostrap手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/font-awesome/fontawesome-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"FontAwesome手册","dest":"https://www.runoob.com/font-awesome/fontawesome-tutorial.html"}'
                  >FontAwesome手册</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/github/gitbook/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"GIT中文手册","dest":"https://docs.pythontab.com/github/gitbook/"}'
                  >GIT中文手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/markdown/md-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Markdown手册","dest":"https://www.runoob.com/markdown/md-tutorial.html"}'
                  >Markdown手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/svn/svn-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"SVN手册","dest":"https://www.runoob.com/svn/svn-tutorial.html"}'
                  >SVN手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/eclipse/eclipse-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Eclipse手册","dest":"https://www.runoob.com/eclipse/eclipse-tutorial.html"}'
                  >Eclipse手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/sas/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"SAS手册","dest":"https://www.w3cschool.cn/sas/"}'
                  >SAS手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/ant/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"ANT手册","dest":"https://www.w3cschool.cn/ant/"}'
                  >ANT手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/tableau/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Tableau手册","dest":"https://www.w3cschool.cn/tableau/"}'
                  >Tableau手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/25.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"PHP手册","dest":"https://www.php.cn/course/25.html"}'
                  >PHP手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/352.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"PHP7手册","dest":"https://www.php.cn/course/352.html"}'
                  >PHP7手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/982.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"PHP编码规范","dest":"https://www.php.cn/course/982.html"}'
                  >PHP编码规范</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/385.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"YII2.0手册","dest":"https://www.php.cn/course/385.html"}'
                  >YII2.0手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/hadoop/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Hadoop手册","dest":"https://www.w3cschool.cn/hadoop/"}'
                  >Hadoop手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/apache_pig/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"ApachePig手册","dest":"https://www.w3cschool.cn/apache_pig/"}'
                  >ApachePig手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/apache_kafka/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Kafka手册","dest":"https://www.w3cschool.cn/apache_kafka/"}'
                  >Kafka手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/apache_storm/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Storm手册","dest":"https://www.w3cschool.cn/apache_storm/"}'
                  >Storm手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/impala/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Impala手册","dest":"https://www.w3cschool.cn/impala/"}'
                  >Impala手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/zookeeper/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Zookeeper手册","dest":"https://www.w3cschool.cn/zookeeper/"}'
                  >Zookeeper手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/66.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Linux手册","dest":"https://www.php.cn/course/66.html"}'
                  >Linux手册</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/nginx/nginx-book/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Nginx手册","dest":"https://docs.pythontab.com/nginx/nginx-book/"}'
                  >Nginx手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/docker/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Docker手册","dest":"https://www.w3cschool.cn/docker/"}'
                  >Docker手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/37.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Mysql手册","dest":"https://www.php.cn/course/37.html"}'
                  >Mysql手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/49.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Redis命令手册","dest":"https://www.php.cn/course/49.html"}'
                  >Redis命令手册</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/redis/redisbook/internal-datastruct/sds.html#sds"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Redis开发手册","dest":"https://docs.pythontab.com/redis/redisbook/internal-datastruct/sds.html#sds"}'
                  >Redis开发手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/sql/sql-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"SQL手册","dest":"https://www.runoob.com/sql/sql-tutorial.html"}'
                  >SQL手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/postgresql/postgresql-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"postgreSQL手册","dest":"https://www.runoob.com/postgresql/postgresql-tutorial.html"}'
                  >postgreSQL手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/mongodb/mongodb-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"MongoDB手册","dest":"https://www.runoob.com/mongodb/mongodb-tutorial.html"}'
                  >MongoDB手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/sqlite/sqlite-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"SQLite手册","dest":"https://www.runoob.com/sqlite/sqlite-tutorial.html"}'
                  >SQLite手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/Memcached/Memcached-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Mencached手册","dest":"https://www.runoob.com/Memcached/Memcached-tutorial.html"}'
                  >Mencached手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/w3cnote/android-tutorial-intro.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Android手册","dest":"https://www.runoob.com/w3cnote/android-tutorial-intro.html"}'
                  >Android手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/swift/swift-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Swift手册","dest":"https://www.runoob.com/swift/swift-tutorial.html"}'
                  >Swift手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/kotlin/kotlin-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Kotlin手册","dest":"https://www.runoob.com/kotlin/kotlin-tutorial.html"}'
                  >Kotlin手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/72.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Ajax手册","dest":"https://www.php.cn/course/72.html"}'
                  >Ajax手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/1063.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"VUE手册","dest":"https://www.php.cn/course/1063.html"}'
                  >VUE手册</a
                >
              </li>
              <li>
                <a
                  href="https://zh.javascript.info/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Javascript手册","dest":"https://zh.javascript.info/"}'
                  >Javascript手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/1061.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Laravel手册","dest":"https://www.php.cn/course/1061.html"}'
                  >Laravel手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/42.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"jQuery手册","dest":"https://www.php.cn/course/42.html"}'
                  >jQuery手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/73.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Json手册","dest":"https://www.php.cn/course/73.html"}'
                  >Json手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/70.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Node.js手册","dest":"https://www.php.cn/course/70.html"}'
                  >Node.js手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/65.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"React中文手册","dest":"https://www.php.cn/course/65.html"}'
                  >React中文手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/93.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"C++手册","dest":"https://www.php.cn/course/93.html"}'
                  >C++手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/java/java-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Java教程手册","dest":"https://www.runoob.com/java/java-tutorial.html"}'
                  >Java教程手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/59.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"正则表达式手册","dest":"https://www.php.cn/course/59.html"}'
                  >正则表达式手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/course/47.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"AngularJS手册","dest":"https://www.php.cn/course/47.html"}'
                  >AngularJS手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/manual/view/21399.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"GO语言手册","dest":"https://www.php.cn/manual/view/21399.html"}'
                  >GO语言手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/manual/view/21527.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Spring中文手册","dest":"https://www.php.cn/manual/view/21527.html"}'
                  >Spring中文手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/xml/xml-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"XML手册","dest":"https://www.runoob.com/xml/xml-tutorial.html"}'
                  >XML手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/aspnet/aspnet-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"ASP.net手册","dest":"https://www.runoob.com/aspnet/aspnet-tutorial.html"}'
                  >ASP.net手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/manual/view/21527.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Spring中文手册","dest":"https://www.php.cn/manual/view/21527.html"}'
                  >Spring中文手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/csharp/csharp-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"C#手册","dest":"https://www.runoob.com/csharp/csharp-tutorial.html"}'
                  >C#手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/manual/view/21527.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"JSP手册","dest":"https://www.php.cn/manual/view/21527.html"}'
                  >JSP手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/asp/asp-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"ASP手册","dest":"https://www.runoob.com/asp/asp-tutorial.html"}'
                  >ASP手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/ruby/ruby-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Ruby手册","dest":"https://www.runoob.com/ruby/ruby-tutorial.html"}'
                  >Ruby手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/lua/lua-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Lua手册","dest":"https://www.runoob.com/lua/lua-tutorial.html"}'
                  >Lua手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/r/r-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"R语言手册","dest":"https://www.runoob.com/r/r-tutorial.html"}'
                  >R语言手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/perl/perl-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Perl手册","dest":"https://www.runoob.com/perl/perl-tutorial.html"}'
                  >Perl手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/vbscript/vbscript-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Vbscript手册","dest":"https://www.runoob.com/vbscript/vbscript-tutorial.html"}'
                  >Vbscript手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.runoob.com/scala/scala-tutorial.html"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Scala手册","dest":"https://www.runoob.com/scala/scala-tutorial.html"}'
                  >Scala手册</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/opencv/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Opencv手册","dest":"https://www.w3cschool.cn/opencv/"}'
                  >Opencv手册</a
                >
              </li>
              <li>
                <a
                  href="http://c.biancheng.net/matlab/"
                  target="_blank"
                  title="Maltable手册"
                  data-report-click='{"spm":"3001.5264","extend1":"Maltable","dest":"http://c.biancheng.net/matlab/"}'
                  >Maltable</a
                >
              </li>
            </ul>
          </dd>
        </dl>
        <dl class="block-nav">
          <dt>
            <img
              src="https://img-operation.csdnimg.cn/csdn/silkroad/img/1597394756258.png"
              alt=""
            /><span>在线工具</span>
          </dt>
          <dd>
            <div class="globar-blur-glass " style="border-radius: 0px;"></div>
            <ul class="clear">
              <li>
                <a
                  href="https://www.deepl.com/translator"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Deepl翻译器","dest":"https://www.deepl.com/translator"}'
                  >Deepl翻译器</a
                >
              </li>
              <li>
                <a
                  href="http://fanyi.youdao.com/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"有道翻译器","dest":"http://fanyi.youdao.com/"}'
                  >有道翻译器</a
                >
              </li>
              <li>
                <a
                  href="https://translate.google.cn/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Google翻译器","dest":"https://translate.google.cn/"}'
                  >Google翻译器</a
                >
              </li>
              <li>
                <a
                  href="https://fanyi.baidu.com/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"百度翻译","dest":"https://fanyi.baidu.com/"}'
                  >百度翻译</a
                >
              </li>
              <li>
                <a
                  href="http://www.iciba.com/fypassage"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"金山翻译器","dest":"http://www.iciba.com/fypassage"}'
                  >金山翻译器</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/xiazai/tool/2"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"CSS格式转化","dest":"https://www.php.cn/xiazai/tool/2"}'
                  >CSS格式转化</a
                >
              </li>
              <li>
                <a
                  href="https://www.chenzhuofan.top/dataTypeConvert"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"多数据转化","dest":"https://www.chenzhuofan.top/dataTypeConvert"}'
                  >多数据转化</a
                >
              </li>
              <li>
                <a
                  href="https://www.chenzhuofan.top/json"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Json格式化","dest":"https://www.chenzhuofan.top/json"}'
                  >Json格式化</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/tools/index?name=xmljson"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"XML转Json","dest":"https://www.w3cschool.cn/tools/index?name=xmljson"}'
                  >XML转Json</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/xiazai/tool/6"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"MD5加密工具","dest":"https://www.php.cn/xiazai/tool/6"}'
                  >MD5加密工具</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/xiazai/tool/8"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Escape加密","dest":"https://www.php.cn/xiazai/tool/8"}'
                  >Escape加密</a
                >
              </li>
              <li>
                <a
                  href="https://naotu.baidu.com/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"百度脑图","dest":"https://naotu.baidu.com/"}'
                  >百度脑图</a
                >
              </li>
              <li>
                <a
                  href="https://www.processon.com/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Proncesson","dest":"https://www.processon.com/"}'
                  >Proncesson</a
                >
              </li>
              <li>
                <a
                  href="https://www.chenzhuofan.top/figurebed"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"卓希图床","dest":"https://www.chenzhuofan.top/figurebed"}'
                  >卓希图床</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/xiazai/tool/5"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Unix时间戳转换","dest":"https://www.php.cn/xiazai/tool/5"}'
                  >Unix时间戳转换</a
                >
              </li>
              <li>
                <a
                  href="https://www.php.cn/xiazai/tool/17"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"颜色大全","dest":"https://www.php.cn/xiazai/tool/17"}'
                  >颜色大全</a
                >
              </li>
              <li>
                <a
                  href="https://www.chenzhuofan.top/base64"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"图片转Base64","dest":"https://www.chenzhuofan.top/base64"}'
                  >图片转Base64</a
                >
              </li>
              <li>
                <a
                  href="http://md.94rg.com/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Markdown编辑器","dest":"http://md.94rg.com/"}'
                  >Markdown编辑器</a
                >
              </li>
              <li>
                <a
                  href="http://www.mdeditor.com/"
                  target="_blank"
                  title="Mdeditor是一个在线编辑markdown的工具"
                  data-report-click='{"spm":"3001.5264","extend1":"Mdeditor","dest":"http://www.mdeditor.com/"}'
                  >Mdeditor</a
                >
              </li>
              <li>
                <a
                  href="https://alloyteam.github.io/gopng/###"
                  target="_blank"
                  title="AlloyTeam雪碧图在线生成工具"
                  data-report-click='{"spm":"3001.5264","extend1":"雪碧图生成器","dest":"https://alloyteam.github.io/gopng/###"}'
                  >雪碧图生成器</a
                >
              </li>
              <li>
                <a
                  href="https://tool.lu/xml/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"XML美化","dest":"https://tool.lu/xml/"}'
                  >XML美化</a
                >
              </li>
              <li>
                <a
                  href="https://tool.lu/regex/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"正则测试工具","dest":"https://tool.lu/regex/"}'
                  >正则测试工具</a
                >
              </li>
              <li>
                <a
                  href="http://tools.bugscaner.com/urlencodeanddecode/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"URL编码解码","dest":"http://tools.bugscaner.com/urlencodeanddecode/"}'
                  >URL编码解码</a
                >
              </li>
              <li>
                <a
                  href="http://tools.bugscaner.com/unicode/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"Unicode编码转换","dest":"http://tools.bugscaner.com/unicode/"}'
                  >Unicode编码转换</a
                >
              </li>
              <li>
                <a
                  href="https://cn.chromepdf.com/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"在线PDF编辑器","dest":"https://cn.chromepdf.com/"}'
                  >在线PDF编辑器</a
                >
              </li>
              <li>
                <a
                  href="http://tools.jb51.net/table"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"常用参照表","dest":"http://tools.jb51.net/table"}'
                  >常用参照表</a
                >
              </li>
            </ul>
          </dd>
        </dl>
        <dl class="block-nav">
          <dt>
            <img
              src="https://img-operation.csdnimg.cn/csdn/silkroad/img/1597394701592.png"
              alt=""
            /><span>前端技术</span>
          </dt>
          <dd>
            <div class="globar-blur-glass " style="border-radius: 0px;"></div>
            <ul class="clear">
              <li>
                <a
                  href="https://remaxjs.org/"
                  target="_blank"
                  title="Remax将React运行在小程序环境中，让你可以使用完整的React进行小程序开发。"
                  data-report-click='{"spm":"3001.5264","extend1":"Remax","dest":"https://remaxjs.org/"}'
                  >Remax</a
                >
              </li>
              <li>
                <a
                  href="https://taro.jd.com/"
                  target="_blank"
                  title="Taro是一套遵循React语法规范的多端开发解决方案。"
                  data-report-click='{"spm":"3001.5264","extend1":"Taro","dest":"https://taro.jd.com/"}'
                  >Taro</a
                >
              </li>
              <li>
                <a
                  href="https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/"
                  target="_blank"
                  title="kbone用于支持一个项目可以同时在Web端和小程序端被使用"
                  data-report-click='{"spm":"3001.5264","extend1":"Kbone","dest":"https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/"}'
                  >Kbone</a
                >
              </li>
              <li>
                <a
                  href="https://tencent.github.io/omi/"
                  target="_blank"
                  title="Omi可以开发桌面Web、移动H5，同时支持开发小程序"
                  data-report-click='{"spm":"3001.5264","extend1":"Omi","dest":"https://tencent.github.io/omi/"}'
                  >Omi</a
                >
              </li>
              <li>
                <a
                  href="https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/"
                  target="_blank"
                  title="WePY是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序"
                  data-report-click='{"spm":"3001.5264","extend1":"Wepy","dest":"https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/"}'
                  >Wepy</a
                >
              </li>
              <li>
                <a
                  href="https://didi.github.io/mpx/"
                  target="_blank"
                  title="框架基于Vue.js核心，mpvue修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中，从而为小程序开发引入了vue.js开发体验"
                  data-report-click='{"spm":"3001.5264","extend1":"Mpvue","dest":"https://didi.github.io/mpx/"}'
                  >Mpvue</a
                >
              </li>
              <li>
                <a
                  href="https://wxajs.github.io/wxa/"
                  target="_blank"
                  title="wxa是一个AOP框架，主要使用Decorator（运行时改写，拦截）和预编译实现"
                  data-report-click='{"spm":"3001.5264","extend1":"Wxa","dest":"https://wxajs.github.io/wxa/"}'
                  >Wxa</a
                >
              </li>
              <li>
                <a
                  href="https://didi.github.io/mpx/"
                  target="_blank"
                  title="Mpx是一款致力于提高小程序开发体验的增强型小程序框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Mpx","dest":"https://didi.github.io/mpx/"}'
                  >Mpx</a
                >
              </li>
              <li>
                <a
                  href="https://cml.js.org/"
                  target="_blank"
                  title="一套代码运行多端，一端所见即多端所见"
                  data-report-click='{"spm":"3001.5264","extend1":"Chameleon","dest":"https://cml.js.org/"}'
                  >Chameleon</a
                >
              </li>
              <li>
                <a
                  href="https://uniapp.dcloud.io/"
                  target="_blank"
                  title="一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序、快应用平台"
                  data-report-click='{"spm":"3001.5264","extend1":"Uni-app","dest":"https://uniapp.dcloud.io/"}'
                  >Uni-app</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/wxtools/"
                  target="_blank"
                  title="Wx-tools是基于微信公众平台API的轻量级框架。基于Wx-tools你可以开速开发一个订阅号/服务号的web应用后台。"
                  data-report-click='{"spm":"3001.5264","extend1":"Wx-tools","dest":"https://www.w3cschool.cn/wxtools/"}'
                  >Wx-tools</a
                >
              </li>
              <li>
                <a
                  href="https://preactjs.com/"
                  target="_blank"
                  title="React的3kb轻量化方案，拥有同样的ES6API"
                  data-report-click='{"spm":"3001.5264","extend1":"Preact","dest":"https://preactjs.com/"}'
                  >Preact</a
                >
              </li>
              <li>
                <a
                  href="https://react-router.docschina.org/"
                  target="_blank"
                  title="官方维护的路由库"
                  data-report-click='{"spm":"3001.5264","extend1":"React-router","dest":"https://react-router.docschina.org/"}'
                  >React-router</a
                >
              </li>
              <li>
                <a
                  href="https://umijs.org/"
                  target="_blank"
                  title="可插拔的企业级React应用框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Umi","dest":"https://umijs.org/"}'
                  >Umi</a
                >
              </li>
              <li>
                <a
                  href="https://dvajs.com/"
                  target="_blank"
                  title="基于React和redux，具有elm风格的轻量级框架。"
                  data-report-click='{"spm":"3001.5264","extend1":"Dva","dest":"https://dvajs.com/"}'
                  >Dva</a
                >
              </li>
              <li>
                <a
                  href="https://ant.design/index-cn"
                  target="_blank"
                  title="企业级的UI设计语言和React实现"
                  data-report-click='{"spm":"3001.5264","extend1":"AntDesign","dest":"https://ant.design/index-cn"}'
                  >AntDesign</a
                >
              </li>
              <li>
                <a
                  href="https://elemefe.github.io/element-react/"
                  target="_blank"
                  title="ElementUI的React实现"
                  data-report-click='{"spm":"3001.5264","extend1":"ElementReact","dest":"https://elemefe.github.io/element-react/"}'
                  >ElementReact</a
                >
              </li>
              <li>
                <a
                  href="https://youzan.github.io/zent/zh/guides/install"
                  target="_blank"
                  title="PC端WebUI规范的React实现，提供了一整套基础的UI组件以及一些常用的业务组件"
                  data-report-click='{"spm":"3001.5264","extend1":"Zent","dest":"https://youzan.github.io/zent/zh/guides/install"}'
                  >Zent</a
                >
              </li>
              <li>
                <a
                  href="https://nerv.aotu.io/"
                  target="_blank"
                  title="Nerv是一款基于虚拟DOM技术的JavaScript（TypeScript）库，它提供了与React16一致的使用方式与API，并且拥有更高的性能表现、更小的包大小以及更好的浏览器兼容性"
                  data-report-click='{"spm":"3001.5264","extend1":"Nerv","dest":"https://nerv.aotu.io/"}'
                  >Nerv</a
                >
              </li>
              <li>
                <a
                  href="https://reactnative.cn/"
                  target="_blank"
                  title="基于React的移动端跨平台UI"
                  data-report-click='{"spm":"3001.5264","extend1":"React-native","dest":"https://reactnative.cn/"}'
                  >React-native</a
                >
              </li>
              <li>
                <a
                  href="https://mobile.ant.design/index-cn"
                  target="_blank"
                  title="一个基于Preact/React/ReactNative的UI组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"AntDesignmobile","dest":"https://mobile.ant.design/index-cn"}'
                  >AntDesignmobile</a
                >
              </li>
              <li>
                <a
                  href="https://didi.github.io/pile.js/#/?_k=6mvjch"
                  target="_blank"
                  title="移动端React组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"Pile","dest":"https://didi.github.io/pile.js/#/?_k=6mvjch"}'
                  >Pile</a
                >
              </li>
              <li>
                <a
                  href="https://zarm.gitee.io/#/components/quick-start"
                  target="_blank"
                  title="Zarmreact是为移动端做的React组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"Zarmreact","dest":"https://zarm.gitee.io/#/components/quick-start"}'
                  >Zarmreact</a
                >
              </li>
              <li>
                <a
                  href="https://element.eleme.cn/#/zh-CN"
                  target="_blank"
                  title="基于Vue的组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"ElementUI","dest":"https://element.eleme.cn/#/zh-CN"}'
                  >ElementUI</a
                >
              </li>
              <li>
                <a
                  href="https://www.iviewui.com/"
                  target="_blank"
                  title="基于Vue的组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"ViewUI","dest":"https://www.iviewui.com/"}'
                  >ViewUI</a
                >
              </li>
              <li>
                <a
                  href="https://vuejs.github.io/ui/#/"
                  target="_blank"
                  title="Vue官方UI组件"
                  data-report-click='{"spm":"3001.5264","extend1":"VueUIframework","dest":"https://vuejs.github.io/ui/#/"}'
                  >VueUIframework</a
                >
              </li>
              <li>
                <a
                  href="https://vuetifyjs.com/zh-Hans/"
                  target="_blank"
                  title="基于Vue的Material组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"Vuetify","dest":"https://vuetifyjs.com/zh-Hans/"}'
                  >Vuetify</a
                >
              </li>
              <li>
                <a
                  href="https://muse-ui.org/"
                  target="_blank"
                  title="基于Vue和MaterialDesign的UI组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"Muse-UI","dest":"https://muse-ui.org/"}'
                  >Muse-UI</a
                >
              </li>
              <li>
                <a
                  href="https://www.heyui.top/"
                  target="_blank"
                  title="一个基于Vue的高质量UI组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"HeyUI","dest":"https://www.heyui.top/"}'
                  >HeyUI</a
                >
              </li>
              <li>
                <a
                  href="https://baidu.github.io/san/"
                  target="_blank"
                  title="灵活易用的JavaScript组件框架，兼容到IE6"
                  data-report-click='{"spm":"3001.5264","extend1":"San","dest":"https://baidu.github.io/san/"}'
                  >San</a
                >
              </li>
              <li>
                <a
                  href="https://ssr.vuejs.org/zh/"
                  target="_blank"
                  title="Vue官方提供的服务器端渲染(SSR)指南"
                  data-report-click='{"spm":"3001.5264","extend1":"Vue-ssr","dest":"https://ssr.vuejs.org/zh/"}'
                  >Vue-ssr</a
                >
              </li>
              <li>
                <a
                  href="https://vue-loader.vuejs.org/zh/"
                  target="_blank"
                  title="vue-loader可以将Vue单文件组件转换为JavaScript模块的webpackloader"
                  data-report-click='{"spm":"3001.5264","extend1":"Vue-loader","dest":"https://vue-loader.vuejs.org/zh/"}'
                  >Vue-loader</a
                >
              </li>
              <li>
                <a
                  href="https://vuepress.vuejs.org/zh/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"VuePress","dest":"https://vuepress.vuejs.org/zh/"}'
                  >VuePress</a
                >
              </li>
              <li>
                <a
                  href="https://router.vuejs.org/zh/"
                  target="_blank"
                  title="Vue-router是Vue官方提供的router"
                  data-report-click='{"spm":"3001.5264","extend1":"Vue-router","dest":"https://router.vuejs.org/zh/"}'
                  >Vue-router</a
                >
              </li>
              <li>
                <a
                  href="https://github.com/vuejs/vue-rx/blob/master/README-CN.md"
                  target="_blank"
                  title="Vue-rx帮助用户在Vue应用程序中实现简单的RxJS绑定"
                  data-report-click='{"spm":"3001.5264","extend1":"Vue-rx","dest":"https://github.com/vuejs/vue-rx/blob/master/README-CN.md"}'
                  >Vue-rx</a
                >
              </li>
              <li>
                <a
                  href="https://cli.vuejs.org/zh/"
                  target="_blank"
                  title="vue-cli帮助用户快速开发Vue的脚手架(scaffold)"
                  data-report-click='{"spm":"3001.5264","extend1":"Vue-cli","dest":"https://cli.vuejs.org/zh/"}'
                  >Vue-cli</a
                >
              </li>
              <li>
                <a
                  href="https://zh.nuxtjs.org/"
                  target="_blank"
                  title="Vue.js元框架，用于快速创建复杂、高性能的通用Web应用程序"
                  data-report-click='{"spm":"3001.5264","extend1":"Nuxt.js","dest":"https://zh.nuxtjs.org/"}'
                  >Nuxt.js</a
                >
              </li>
              <li>
                <a
                  href="https://youzan.github.io/vant/#/zh-CN/"
                  target="_blank"
                  title="移动端Vue组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"Vant","dest":"https://youzan.github.io/vant/#/zh-CN/"}'
                  >Vant</a
                >
              </li>
              <li>
                <a
                  href="https://didi.github.io/cube-ui/#/zh-CN"
                  target="_blank"
                  title="基于Vue实现的精致移动端组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"CubeUI","dest":"https://didi.github.io/cube-ui/#/zh-CN"}'
                  >CubeUI</a
                >
              </li>
              <li>
                <a
                  href="https://didi.github.io/mand-mobile/"
                  target="_blank"
                  title="面向金融场景的Vue移动端组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"MandMobile","dest":"https://didi.github.io/mand-mobile/"}'
                  >MandMobile</a
                >
              </li>
              <li>
                <a
                  href="https://mand-mobile.github.io/palette/#/home"
                  target="_blank"
                  title="可视化MandMobile主题编辑器"
                  data-report-click='{"spm":"3001.5264","extend1":"MandMobilePalette","dest":"https://mand-mobile.github.io/palette/#/home"}'
                  >MandMobilePalette</a
                >
              </li>
              <li>
                <a
                  href="http://mint-ui.github.io/#!/zh-cn"
                  target="_blank"
                  title="基于Vue的组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"MintUI","dest":"http://mint-ui.github.io/#!/zh-cn"}'
                  >MintUI</a
                >
              </li>
              <li>
                <a
                  href="https://vux.li/"
                  target="_blank"
                  title="基于Vue的移动端组件库"
                  data-report-click='{"spm":"3001.5264","extend1":"Vux","dest":"https://vux.li/"}'
                  >Vux</a
                >
              </li>
              <li>
                <a
                  href="https://weex.apache.org/"
                  target="_blank"
                  title="基于Vue的移动端跨平台UI"
                  data-report-click='{"spm":"3001.5264","extend1":"Weex","dest":"https://weex.apache.org/"}'
                  >Weex</a
                >
              </li>
              <li>
                <a
                  href="https://element-angular.faas.ele.me/guide/install"
                  target="_blank"
                  title="ElementUI的Angular实现"
                  data-report-click='{"spm":"3001.5264","extend1":"ElementAngular","dest":"https://element-angular.faas.ele.me/guide/install"}'
                  >ElementAngular</a
                >
              </li>
              <li>
                <a
                  href="https://ionicframework.com/"
                  target="_blank"
                  title="基于Angular的移动端跨平台UI"
                  data-report-click='{"spm":"3001.5264","extend1":"Lonic","dest":"https://ionicframework.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Lonic","dest":"https://ionicframework.com/"}'
                  >Lonic</a
                >
              </li>
              <li>
                <a
                  href="https://ng.ant.design/docs/introduce/zh"
                  target="_blank"
                  title="AntDesign的Angular实现"
                  data-report-click='{"spm":"3001.5264","extend1":"Ng-zorro","dest":"https://ng.ant.design/docs/introduce/zh"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Ng-zorro","dest":"https://ng.ant.design/docs/introduce/zh"}'
                  >Ng-zorro</a
                >
              </li>
              <li>
                <a
                  href="https://ng-alain.com/"
                  target="_blank"
                  title="基于ng-zorro-antd的中台前端解决方案"
                  data-report-click='{"spm":"3001.5264","extend1":"Ng-alain","dest":"https://ng-alain.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Ng-alain","dest":"https://ng-alain.com/"}'
                  >Ng-alain</a
                >
              </li>
              <li>
                <a
                  href="https://element-angular.faas.ele.me/guide/install"
                  target="_blank"
                  title="新一代的Web后台框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Koa","dest":"https://element-angular.faas.ele.me/guide/install"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Koa","dest":"https://element-angular.faas.ele.me/guide/install"}'
                  >Koa</a
                >
              </li>
              <li>
                <a
                  href="https://eggjs.org/zh-cn/"
                  target="_blank"
                  title="为企业级框架和Node.js&amp;Koa应用程序而生"
                  data-report-click='{"spm":"3001.5264","extend1":"Egg","dest":"https://eggjs.org/zh-cn/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Egg","dest":"https://eggjs.org/zh-cn/"}'
                  >Egg</a
                >
              </li>
              <li>
                <a
                  href="http://expressjs.com/zh-cn/"
                  target="_blank"
                  title="快速极简的Web框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Express","dest":"http://expressjs.com/zh-cn/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Express","dest":"http://expressjs.com/zh-cn/"}'
                  >Express</a
                >
              </li>
              <li>
                <a
                  href="https://nestjs.com/"
                  target="_blank"
                  title="渐进式Node.js框架，构建高效、可靠和可扩展的server应用程序"
                  data-report-click='{"spm":"3001.5264","extend1":"Nest","dest":"https://nestjs.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Nest","dest":"https://nestjs.com/"}'
                  >Nest</a
                >
              </li>
              <li>
                <a
                  href="https://thinkjs.org/"
                  target="_blank"
                  title="能够使用完整ES6/7特性进行开发的Node.js应用程序"
                  data-report-click='{"spm":"3001.5264","extend1":"ThinkJS","dest":"https://thinkjs.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"ThinkJS","dest":"https://thinkjs.org/"}'
                  >ThinkJS</a
                >
              </li>
              <li>
                <a
                  href="https://docs.npmjs.com/"
                  target="_blank"
                  title="npm是JavaScriptpackage管理工具，在这里可以找到可复用代码，并以强大的全新方著称。"
                  data-report-click='{"spm":"3001.5264","extend1":"Npm","dest":"https://docs.npmjs.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Npm","dest":"https://docs.npmjs.com/"}'
                  >Npm</a
                >
              </li>
              <li>
                <a
                  href="https://developer.aliyun.com/mirror/NPM?from=tnpm"
                  target="_blank"
                  title="淘宝提供的npmjs.org镜像"
                  data-report-click='{"spm":"3001.5264","extend1":"Cnpm","dest":"https://developer.aliyun.com/mirror/NPM?from=tnpm"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Cnpm","dest":"https://developer.aliyun.com/mirror/NPM?from=tnpm"}'
                  >Cnpm</a
                >
              </li>
              <li>
                <a
                  href="https://classic.yarnpkg.com/zh-Hans/"
                  target="_blank"
                  title="快速、可靠和安全的依赖管理"
                  data-report-click='{"spm":"3001.5264","extend1":"Yarn","dest":"https://classic.yarnpkg.com/zh-Hans/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Yarn","dest":"https://classic.yarnpkg.com/zh-Hans/"}'
                  >Yarn</a
                >
              </li>
              <li>
                <a
                  href="https://cn.mobx.js.org/"
                  target="_blank"
                  title="简单、可扩展的状态管理"
                  data-report-click='{"spm":"3001.5264","extend1":"Mobx","dest":"https://cn.mobx.js.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Mobx","dest":"https://cn.mobx.js.org/"}'
                  >Mobx</a
                >
              </li>
              <li>
                <a
                  href="https://cn.redux.js.org/"
                  target="_blank"
                  title="JavaScript状态容器，提供可预测化的状态管理"
                  data-report-click='{"spm":"3001.5264","extend1":"Redux","dest":"https://cn.redux.js.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Redux","dest":"https://cn.redux.js.org/"}'
                  >Redux</a
                >
              </li>
              <li>
                <a
                  href="https://vuex.vuejs.org/zh/"
                  target="_blank"
                  title="vuex是Vue官方提供的状态管理工具"
                  data-report-click='{"spm":"3001.5264","extend1":"Vuex","dest":"https://vuex.vuejs.org/zh/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Vuex","dest":"https://vuex.vuejs.org/zh/"}'
                  >Vuex</a
                >
              </li>
              <li>
                <a
                  href="https://sass-guidelin.es/zh/"
                  target="_blank"
                  title="Sass是CSS的一个扩展，它使CSS的使用起来更加优雅和强大。"
                  data-report-click='{"spm":"3001.5264","extend1":"Sass","dest":"https://sass-guidelin.es/zh/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Sass","dest":"https://sass-guidelin.es/zh/"}'
                  >Sass</a
                >
              </li>
              <li>
                <a
                  href="http://lesscss.cn/"
                  target="_blank"
                  title="Less是CSS预处理语言，使CSS更易维护和扩展"
                  data-report-click='{"spm":"3001.5264","extend1":"Less","dest":"http://lesscss.cn/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Less","dest":"http://lesscss.cn/"}'
                  >Less</a
                >
              </li>
              <li>
                <a
                  href="https://www.zhangxinxu.com/jq/stylus/"
                  target="_blank"
                  title="富有表现力、动态、健壮的CSS"
                  data-report-click='{"spm":"3001.5264","extend1":"Stylus","dest":"https://www.zhangxinxu.com/jq/stylus/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Stylus","dest":"https://www.zhangxinxu.com/jq/stylus/"}'
                  >Stylus</a
                >
              </li>
              <li>
                <a
                  href="http://postcss.docschina.org/"
                  target="_blank"
                  title="通过JavaScript来转换CSS，并且提供强大的插件系统"
                  data-report-click='{"spm":"3001.5264","extend1":"PortCSS","dest":"http://postcss.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"PortCSS","dest":"http://postcss.docschina.org/"}'
                  >PortCSS</a
                >
              </li>
              <li>
                <a
                  href="https://vue-test-utils.vuejs.org/zh/"
                  target="_blank"
                  title="VueTestUtils是Vue.js官方的单元测试实用工具库"
                  data-report-click='{"spm":"3001.5264","extend1":"VueTestUtils","dest":"https://vue-test-utils.vuejs.org/zh/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"VueTestUtils","dest":"https://vue-test-utils.vuejs.org/zh/"}'
                  >VueTestUtils</a
                >
              </li>
              <li>
                <a
                  href="https://jest.docschina.org/"
                  target="_blank"
                  title="Facebook开发的零配置测试平台，让代码库更加稳定和健壮"
                  data-report-click='{"spm":"3001.5264","extend1":"Jest","dest":"https://jest.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Jest","dest":"https://jest.docschina.org/"}'
                  >Jest</a
                >
              </li>
              <li>
                <a
                  href="https://github.com/avajs/ava"
                  target="_blank"
                  title="未来的测试运行器"
                  data-report-click='{"spm":"3001.5264","extend1":"AVA","dest":"https://github.com/avajs/ava"}'
                  data-report-view='{"spm":"3001.5264","extend1":"AVA","dest":"https://github.com/avajs/ava"}'
                  >AVA</a
                >
              </li>
              <li>
                <a
                  href="https://karma-runner.github.io/2.0/index.html/"
                  target="_blank"
                  title="Karma的主要目标是，让测试驱动开发(TDD)变得简单、快速和有趣。"
                  data-report-click='{"spm":"3001.5264","extend1":"Karma","dest":"https://karma-runner.github.io/2.0/index.html/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Karma","dest":"https://karma-runner.github.io/2.0/index.html/"}'
                  >Karma</a
                >
              </li>
              <li>
                <a
                  href="https://mochajs.org/"
                  target="_blank"
                  title="Mocha是运行在Node.js和浏览器上的功能丰富的JavaScript测试框架，使异步测试变得简单"
                  data-report-click='{"spm":"3001.5264","extend1":"Mocha","dest":"https://mochajs.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Mocha","dest":"https://mochajs.org/"}'
                  >Mocha</a
                >
              </li>
              <li>
                <a
                  href="https://jasmine.github.io/"
                  target="_blank"
                  title="Jasmine是一个用于测试JavaScript代码的行为驱动开发(BDD)框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Jasmine","dest":"https://jasmine.github.io/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Jasmine","dest":"https://jasmine.github.io/"}'
                  >Jasmine</a
                >
              </li>
              <li>
                <a
                  href="https://sinonjs.org/"
                  target="_blank"
                  title="用于对JavaScript隔离测试spy,stub和mock。适用于任何单元测试框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Sinon.js","dest":"https://sinonjs.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Sinon.js","dest":"https://sinonjs.org/"}'
                  >Sinon.js</a
                >
              </li>
              <li>
                <a
                  href="https://www.chaijs.com/"
                  target="_blank"
                  title="Chai是一个用于Node.js和浏览器的BDD/TDD断言库，可以与任何JavaScript测试框架便捷配置"
                  data-report-click='{"spm":"3001.5264","extend1":"Chai","dest":"https://www.chaijs.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Chai","dest":"https://www.chaijs.com/"}'
                  >Chai</a
                >
              </li>
              <li>
                <a
                  href="https://github.com/mjackson/expect"
                  target="_blank"
                  title="expect帮助你编写更好的断言"
                  data-report-click='{"spm":"3001.5264","extend1":"Expect","dest":"https://github.com/mjackson/expect"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Expect","dest":"https://github.com/mjackson/expect"}'
                  >Expect</a
                >
              </li>
              <li>
                <a
                  href="https://shouldjs.github.io/"
                  target="_blank"
                  title="一个富于表现力、可读性强、与框架无关，用于Node.js的BDD风格断言库"
                  data-report-click='{"spm":"3001.5264","extend1":"Should.js","dest":"https://shouldjs.github.io/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Should.js","dest":"https://shouldjs.github.io/"}'
                  >Should.js</a
                >
              </li>
              <li>
                <a
                  href="http://mockjs.com/"
                  target="_blank"
                  title="生成随机数据，拦截Ajax请求"
                  data-report-click='{"spm":"3001.5264","extend1":"Mock.js","dest":"http://mockjs.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Mock.js","dest":"http://mockjs.com/"}'
                  >Mock.js</a
                >
              </li>
              <li>
                <a
                  href="https://webpack.docschina.org/"
                  target="_blank"
                  title="用于现代JavaScript应用程序的静态模块打包工具"
                  data-report-click='{"spm":"3001.5264","extend1":"Webpack","dest":"https://webpack.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Webpack","dest":"https://webpack.docschina.org/"}'
                  >Webpack</a
                >
              </li>
              <li>
                <a
                  href="https://parceljs.docschina.org/"
                  target="_blank"
                  title="零配置打包工具"
                  data-report-click='{"spm":"3001.5264","extend1":"parcel","dest":"https://parceljs.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"parcel","dest":"https://parceljs.docschina.org/"}'
                  >parcel</a
                >
              </li>
              <li>
                <a
                  href="https://rollup.docschina.org/guide/zh/"
                  target="_blank"
                  title="新一代JavaScript模块打包器"
                  data-report-click='{"spm":"3001.5264","extend1":"Rollup","dest":"https://rollup.docschina.org/guide/zh/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Rollup","dest":"https://rollup.docschina.org/guide/zh/"}'
                  >Rollup</a
                >
              </li>
              <li>
                <a
                  href="https://babel.docschina.org/"
                  target="_blank"
                  title="一个编译工具，让你可以项目中直接使用下一代JavaScript"
                  data-report-click='{"spm":"3001.5264","extend1":"Babel","dest":"https://babel.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Babel","dest":"https://babel.docschina.org/"}'
                  >Babel</a
                >
              </li>
              <li>
                <a
                  href="https://zhongsp.gitbooks.io/typescript-handbook/content/"
                  target="_blank"
                  title="JavaScript超集"
                  data-report-click='{"spm":"3001.5264","extend1":"TypeScript","dest":"https://zhongsp.gitbooks.io/typescript-handbook/content/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"TypeScript","dest":"https://zhongsp.gitbooks.io/typescript-handbook/content/"}'
                  >TypeScript</a
                >
              </li>
              <li>
                <a
                  href="https://www.gulpjs.com.cn/"
                  target="_blank"
                  title="基于流的自动化构建工具"
                  data-report-click='{"spm":"3001.5264","extend1":"Gulp","dest":"https://www.gulpjs.com.cn/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Gulp","dest":"https://www.gulpjs.com.cn/"}'
                  >Gulp</a
                >
              </li>
              <li>
                <a
                  href="https://grunt.docschina.org/"
                  target="_blank"
                  title="JavaScript世界的构建工具"
                  data-report-click='{"spm":"3001.5264","extend1":"Grunt","dest":"https://grunt.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Grunt","dest":"https://grunt.docschina.org/"}'
                  >Grunt</a
                >
              </li>
              <li>
                <a
                  href="https://lerna.js.org/"
                  target="_blank"
                  title="用于管理有多个包的JavaScript项目的工具"
                  data-report-click='{"spm":"3001.5264","extend1":"Lerna","dest":"https://lerna.js.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Lerna","dest":"https://lerna.js.org/"}'
                  >Lerna</a
                >
              </li>
              <li>
                <a
                  href="https://threejs.docschina.org/"
                  target="_blank"
                  title="JavaScript3d库"
                  data-report-click='{"spm":"3001.5264","extend1":"Threejs","dest":"https://threejs.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Threejs","dest":"https://threejs.docschina.org/"}'
                  >Threejs</a
                >
              </li>
              <li>
                <a
                  href="https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts"
                  target="_blank"
                  title="使用JavaScript实现的开源可视化库"
                  data-report-click='{"spm":"3001.5264","extend1":"Echarts","dest":"https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Echarts","dest":"https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts"}'
                  >Echarts</a
                >
              </li>
              <li>
                <a
                  href="https://spritejs.org/#/"
                  target="_blank"
                  title="跨平台的轻量级2D渲染对象模型"
                  data-report-click='{"spm":"3001.5264","extend1":"SpriteJs","dest":"https://spritejs.org/#/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"SpriteJs","dest":"https://spritejs.org/#/"}'
                  >SpriteJs</a
                >
              </li>
              <li>
                <a
                  href="https://d3js.org.cn/"
                  target="_blank"
                  title="一个遵循Web标准，用于可视化数据的JavaScript库"
                  data-report-click='{"spm":"3001.5264","extend1":"D3.js","dest":"https://d3js.org.cn/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"D3.js","dest":"https://d3js.org.cn/"}'
                  >D3.js</a
                >
              </li>
              <li>
                <a
                  href="https://v-charts.js.org/#/"
                  target="_blank"
                  title="基于Vue和ECharts封装的图表组件"
                  data-report-click='{"spm":"3001.5264","extend1":"V-charts","dest":"https://v-charts.js.org/#/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"V-charts","dest":"https://v-charts.js.org/#/"}'
                  >V-charts</a
                >
              </li>
              <li>
                <a
                  href="https://www.jquery123.com/"
                  target="_blank"
                  title="高效精简强大的工具库"
                  data-report-click='{"spm":"3001.5264","extend1":"jQuery","dest":"https://www.jquery123.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"jQuery","dest":"https://www.jquery123.com/"}'
                  >jQuery</a
                >
              </li>
              <li>
                <a
                  href="https://zeptojs.com/"
                  target="_blank"
                  title="轻量级的工具库"
                  data-report-click='{"spm":"3001.5264","extend1":"Zepto","dest":"https://zeptojs.com/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Zepto","dest":"https://zeptojs.com/"}'
                  >Zepto</a
                >
              </li>
              <li>
                <a
                  href="https://markdown-it.docschina.org/"
                  target="_blank"
                  title="Markdown解析器。完全支持CommonMark规范，并且进行语法扩展、提供可编写插件。"
                  data-report-click='{"spm":"3001.5264","extend1":"Markdown-it","dest":"https://markdown-it.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Markdown-it","dest":"https://markdown-it.docschina.org/"}'
                  >Markdown-it</a
                >
              </li>
              <li>
                <a
                  href="https://localforage.docschina.org/"
                  target="_blank"
                  title="通过简单类似localStorageAPI的异步数据存储来改进你的Web应用程序的离线体验"
                  data-report-click='{"spm":"3001.5264","extend1":"LocalForage","dest":"https://localforage.docschina.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"LocalForage","dest":"https://localforage.docschina.org/"}'
                  >LocalForage</a
                >
              </li>
              <li>
                <a
                  href="http://hemin.cn/jq/"
                  target="_blank"
                  title="jQueryAPI速查表"
                  data-report-click='{"spm":"3001.5264","extend1":"jQueryAPI","dest":"http://hemin.cn/jq/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"jQueryAPI","dest":"http://hemin.cn/jq/"}'
                  >jQueryAPI</a
                >
              </li>
              <li>
                <a
                  href="http://lodash.think2011.net/"
                  target="_blank"
                  title="一个现代的JavaScript工具库"
                  data-report-click='{"spm":"3001.5264","extend1":"Lodash","dest":"http://lodash.think2011.net/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Lodash","dest":"http://lodash.think2011.net/"}'
                  >Lodash</a
                >
              </li>
            </ul>
          </dd>
        </dl>
        <dl class="block-nav">
          <dt>
            <img
              src="https://img-operation.csdnimg.cn/csdn/silkroad/img/1597399556715.png"
              alt=""
            /><span>Python</span>
          </dt>
          <dd>
            <div class="globar-blur-glass " style="border-radius: 0px;"></div>
            <ul class="clear">
              <li>
                <a
                  href="https://www.python.org/"
                  target="_blank"
                  title=""
                  data-report-click='{"spm":"3001.5264","extend1":"python官网","dest":"https://www.python.org/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"python官网","dest":"https://www.python.org/"}'
                  >python官网</a
                >
              </li>
              <li>
                <a
                  href="https://docs.djangoproject.com/zh-hans/2.0/"
                  target="_blank"
                  title="一个重量级web框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Django","dest":"https://docs.djangoproject.com/zh-hans/2.0/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Django","dest":"https://docs.djangoproject.com/zh-hans/2.0/"}'
                  >Django</a
                >
              </li>
              <li>
                <a
                  href="https://dormousehole.readthedocs.io/en/latest/"
                  target="_blank"
                  title="轻量级web应用框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Flask","dest":"https://dormousehole.readthedocs.io/en/latest/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Flask","dest":"https://dormousehole.readthedocs.io/en/latest/"}'
                  >Flask</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/jinja/jinja2/intro.html"
                  target="_blank"
                  title="一个通用模板语言"
                  data-report-click='{"spm":"3001.5264","extend1":"Jinja2","dest":"https://docs.pythontab.com/jinja/jinja2/intro.html"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Jinja2","dest":"https://docs.pythontab.com/jinja/jinja2/intro.html"}'
                  >Jinja2</a
                >
              </li>
              <li>
                <a
                  href="http://www.scrapyd.cn/doc/"
                  target="_blank"
                  title="人人都在用的web爬虫框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Scrapy","dest":"http://www.scrapyd.cn/doc/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Scrapy","dest":"http://www.scrapyd.cn/doc/"}'
                  >Scrapy</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/beautifulsoup4/"
                  target="_blank"
                  title="可以从HTML或XML文件提取数据的Python库"
                  data-report-click='{"spm":"3001.5264","extend1":"BeautifulSoup","dest":"https://docs.pythontab.com/beautifulsoup4/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"BeautifulSoup","dest":"https://docs.pythontab.com/beautifulsoup4/"}'
                  >BeautifulSoup</a
                >
              </li>
              <li>
                <a
                  href="https://www.numpy.org.cn/deep/basics/"
                  target="_blank"
                  title="用python进行科学计算的基础软件包"
                  data-report-click='{"spm":"3001.5264","extend1":"NumPy","dest":"https://www.numpy.org.cn/deep/basics/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"NumPy","dest":"https://www.numpy.org.cn/deep/basics/"}'
                  >NumPy</a
                >
              </li>
              <li>
                <a
                  href="https://www.pypandas.cn/deep/basics/"
                  target="_blank"
                  title="一个强大的分析结构化数据的工具集"
                  data-report-click='{"spm":"3001.5264","extend1":"Pandas","dest":"https://www.pypandas.cn/deep/basics/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Pandas","dest":"https://www.pypandas.cn/deep/basics/"}'
                  >Pandas</a
                >
              </li>
              <li>
                <a
                  href="https://www.paddlepaddle.org.cn/tutorials/projectdetail/590324"
                  target="_blank"
                  title="一个开源深度学习平台"
                  data-report-click='{"spm":"3001.5264","extend1":"Paddlepaddle","dest":"https://www.paddlepaddle.org.cn/tutorials/projectdetail/590324"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Paddlepaddle","dest":"https://www.paddlepaddle.org.cn/tutorials/projectdetail/590324"}'
                  >Paddlepaddle</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/tensorflow/"
                  target="_blank"
                  title="google推出的人工智能学习系统"
                  data-report-click='{"spm":"3001.5264","extend1":"TensorFlow","dest":"https://docs.pythontab.com/tensorflow/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"TensorFlow","dest":"https://docs.pythontab.com/tensorflow/"}'
                  >TensorFlow</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/tornado/introduction-to-tornado/"
                  target="_blank"
                  title="一个强大的可扩展的web服务框架"
                  data-report-click='{"spm":"3001.5264","extend1":"Tornada","dest":"https://docs.pythontab.com/tornado/introduction-to-tornado/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Tornada","dest":"https://docs.pythontab.com/tornado/introduction-to-tornado/"}'
                  >Tornada</a
                >
              </li>
              <li>
                <a
                  href="https://docs.pythontab.com/django/django1.5/"
                  target="_blank"
                  title="Jinja1.5使用手册"
                  data-report-click='{"spm":"3001.5264","extend1":"Jinja","dest":"https://docs.pythontab.com/django/django1.5/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Jinja","dest":"https://docs.pythontab.com/django/django1.5/"}'
                  >Jinja</a
                >
              </li>
            </ul>
          </dd>
        </dl>
        <dl class="block-nav">
          <dt>
            <img
              src="https://img-operation.csdnimg.cn/csdn/silkroad/img/1597400495339.png"
              alt=""
            /><span>Java</span>
          </dt>
          <dd>
            <div class="globar-blur-glass " style="border-radius: 0px;"></div>
            <ul class="clear">
              <li>
                <a
                  href="https://www.w3cschool.cn/wkspring/"
                  target="_blank"
                  title="Spring框架是一个开源的Java平台，它为容易而快速的开发出耐用的Java应用程序提供了全面的基础设施。"
                  data-report-click='{"spm":"3001.5264","extend1":"spring","dest":"https://www.w3cschool.cn/wkspring/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"spring","dest":"https://www.w3cschool.cn/wkspring/"}'
                  >spring</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/servlet/"
                  target="_blank"
                  title="用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。"
                  data-report-click='{"spm":"3001.5264","extend1":"Servlet","dest":"https://www.w3cschool.cn/servlet/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Servlet","dest":"https://www.w3cschool.cn/servlet/"}'
                  >Servlet</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/struts_2/"
                  target="_blank"
                  title="一个简洁的、可扩展的框架，可用于创建企业级Javaweb应用程序。"
                  data-report-click='{"spm":"3001.5264","extend1":"Struts_2","dest":"https://www.w3cschool.cn/struts_2/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Struts_2","dest":"https://www.w3cschool.cn/struts_2/"}'
                  >Struts_2</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/jfinal/"
                  target="_blank"
                  title="JFinal是基于Java语言的极速WEB+ORM开发框架"
                  data-report-click='{"spm":"3001.5264","extend1":"JFinal","dest":"https://www.w3cschool.cn/jfinal/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"JFinal","dest":"https://www.w3cschool.cn/jfinal/"}'
                  >JFinal</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/swing/7cxu1imh.html"
                  target="_blank"
                  title="SwingAPI是一组可扩展的GUI组件，用来创建基于JAVA的前端/GUI应用程序。"
                  data-report-click='{"spm":"3001.5264","extend1":"Swing","dest":"https://www.w3cschool.cn/swing/7cxu1imh.html"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Swing","dest":"https://www.w3cschool.cn/swing/7cxu1imh.html"}'
                  >Swing</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/groovy/"
                  target="_blank"
                  title="Groovy是一种基于JVM（Java虚拟机）的敏捷开发语言，它结合了Python、Ruby和Smalltalk的许多强大的特性"
                  data-report-click='{"spm":"3001.5264","extend1":"Groovy","dest":"https://www.w3cschool.cn/groovy/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Groovy","dest":"https://www.w3cschool.cn/groovy/"}'
                  >Groovy</a
                >
              </li>
              <li>
                <a
                  href="https://www.w3cschool.cn/easyokhttp/"
                  target="_blank"
                  title="asy-okhttp是一个Java网络框架，提供了非常便捷的方法，支持GET、POST、文件上传和下载等"
                  data-report-click='{"spm":"3001.5264","extend1":"Easy-okhttp","dest":"https://www.w3cschool.cn/easyokhttp/"}'
                  data-report-view='{"spm":"3001.5264","extend1":"Easy-okhttp","dest":"https://www.w3cschool.cn/easyokhttp/"}'
                  >Easy-okhttp</a
                >
              </li>
            </ul>
          </dd>
        </dl>
      </div>
    </div>
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <h2>前端学习网站</h2>
    <table><thead><tr><th>名称</th><th>描述</th></tr></thead><tbody><tr><td><a href="/resources/website/caniuse/home.html">Can I use</a></td><td>一款前端兼容性自查工具</td></tr><tr><td><a href="/resources/website/cnblogs/home.html">博客园</a></td><td>博客平台</td></tr><tr><td><a href="/resources/website/csdn/home.html">CSDN</a></td><td>CSDN博客平台</td></tr><tr><td><a href="/resources/website/css-tricks/home.html">CSS Tricks</a></td><td>一个国外的优秀前端开发博客</td></tr><tr><td><a href="/resources/website/freecodecamp/home.html">freeCodecamp</a></td><td>freeCodecamp</td></tr><tr><td><a href="/resources/website/github/home.html">GitHub</a></td><td>GitHub</td></tr><tr><td><a href="/resources/website/imooc/home.html">慕课网</a></td><td>慕课网</td></tr><tr><td><a href="/resources/website/javascriptweekly/home.html">JavaScript Weekly</a></td><td>JavaScript Weekly</td></tr><tr><td><a href="/resources/website/jb51/home.html">脚本之家</a></td><td>脚本之家</td></tr><tr><td><a href="/resources/website/jikexueyuan/home.html">极客学院</a></td><td>极客学院</td></tr><tr><td><a href="/resources/website/jstips/home.html">jstips</a></td><td>jstips</td></tr><tr><td><a href="/resources/website/juejin/home.html">掘金</a></td><td>掘金</td></tr><tr><td><a href="/resources/website/leetcode/home.html">LeetCode</a></td><td>力扣 LeetCode</td></tr><tr><td><a href="/resources/website/lintcode/home.html">lintcode</a></td><td>lintcode</td></tr><tr><td><a href="/resources/website/mdn/home.html">MDN</a></td><td>MDN</td></tr><tr><td><a href="/resources/website/nowcoder/home.html">牛客网</a></td><td>牛客网</td></tr><tr><td><a href="/resources/website/proginn/home.html">程序员客栈</a></td><td>程序员客栈</td></tr><tr><td><a href="/resources/website/runoob/home.html">菜鸟教程</a></td><td>菜鸟教程</td></tr><tr><td><a href="/resources/website/segmentfault/home.html">SegmentFault</a></td><td>思否</td></tr><tr><td><a href="/resources/website/stackoverflow/home.html">Stack Overflow</a></td><td>Stack Overflow</td></tr><tr><td><a href="/resources/website/toutiao/home.html">开发者头条</a></td><td>开发者头条</td></tr><tr><td><a href="/resources/website/w3cplus/home.html">w3cplus</a></td><td>w3cplus</td></tr><tr><td><a href="/resources/website/w3cschool/home.html">w3cschool</a></td><td>w3cschool</td></tr><tr><td><a href="/resources/website/w3school/home.html">w3school</a></td><td>w3school</td></tr><tr><td><a href="/resources/website/ycombinator/home.html">Hacker News</a></td><td>Hacker News</td></tr><tr><td><a href="http://www.w3school.com.cn/">w3school</a></td><td>全球最大的中文 Web 技术教程。</td></tr><tr><td><a href="https://developer.mozilla.org/zh-CN/">MDN Web 文档</a></td><td>学习Web开发的最佳实践</td></tr><tr><td><a href="https://freecodecamp.cn/">FreeCodeCamp</a></td><td>开启你的软件工程师生涯,在线编码教学网站,在实践练习中掌握知识</td></tr><tr><td><a href="http://runjs.cn/">RunJS</a></td><td>在线编辑、展示、分享、交流你的 JavaScript 代码</td></tr><tr><td><a href="http://css.doyoe.com/">CSS参考</a></td><td>web前端开发参考手册系列</td></tr><tr><td><a href="http://jsfiddle.net/">JSFiddle</a></td><td>一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码</td></tr><tr><td><a href="https://codepen.io/">CodePen</a></td><td>优秀前端demo的展示网站,可以从中获取很多前端交互的灵感</td></tr><tr><td><a href="http://liubin.org/promises-book/">Promise迷你书</a></td><td>讲述JS中Promise的知识，JS的异步编程以及回调</td></tr><tr><td><a href="http://www.axihe.com/">菜鸟教程</a></td><td>学的不仅是技术，更是梦想！</td></tr><tr><td><a href="https://yangshun.github.io/tech-interview-handbook">tech-interview-handbook</a></td><td>GitHub最强技术面试手册</td></tr><tr><td><a href="https://github.com/0voice/from_coder_to_expert">from_coder_to_expert</a></td><td>从程序员到CTO，从专业走向卓越，分享大牛企业内部pdf与PPT</td></tr><tr><td><a href="https://nodeschool.io/zh-cn/">NodeSchool</a></td><td>NodeJS教学闯关课程网</td></tr><tr><td><a href="https://github.com/vuejs/awesome-vue">awesome-vue</a></td><td>Vue.js相关的资源集合</td></tr><tr><td><a href="https://vuejs-tips.github.io/cheatsheet">cheatsheet</a></td><td>Vue.js完整的API 速查表</td></tr><tr><td><a href="http://www.typescriptlang.org">TypeScript手册</a></td><td>TypeScript使用手册</td></tr><tr><td><a href="https://www.howtographql.com/">howtographql</a></td><td>GraphQL的Fullstack教程</td></tr><tr><td><a href="https://github.com/qianguyihao/Web">Web入门进价</a></td><td>Web前端入门和进阶学习笔记，超详细的前端学习图文教程</td></tr><tr><td><a href="https://wx-chevalier.github.io/">Web-Series</a></td><td>现代 Web 开发，现代 Web 开发导论</td></tr><tr><td><a href="https://sort.hust.cc/">十大经典排序算法</a></td><td>排序算法的 GitBook 在线书籍 《十大经典排序算法》，多语言实现。</td></tr><tr><td><a href="https://lib-pku.github.io/">libpku</a></td><td>贵校课程资料民间整理</td></tr><tr><td><a href="https://alienzhou.github.io/frontend-tech-list/">前端技术清单</a></td><td>性能优化是前端老生常谈的一个重要部分，帮助体系化地了解和学习前端性能优化</td></tr><tr><td><a href="https://github.com/nefe/You-Dont-Need-jQuery">You-Dont-Need-jQuery</a></td><td>教你摆脱 jQuery的手册</td></tr><tr><td><a href="https://github.com/stephentian/33-js-concepts">33-js-concepts</a></td><td>每个JavaScript开发人员应该知道33个概念</td></tr><tr><td><a href="https://github.com/elsewhencode/project-guidelines">project-guidelines</a></td><td>一系列JavaScript项目的最佳实践</td></tr><tr><td><a href="https://laravelacademy.org/">Laravel学院</a></td><td>致力于提供优质Laravel中文学习资源</td></tr><tr><td><a href="http://FLJSBook.com">Functional-Light-JS</a></td><td>一本关于JavaScript中函数式编程的书</td></tr><tr><td><a href="https://github.com/lydiahallie/javascript-questions">javascript-questions</a></td><td>JavaScript 进阶问题列表</td></tr><tr><td><a href="https://developers.google.com/web/fundamentals">WebFundamentals</a></td><td>努力展示现代Web开发的最佳实践和工具</td></tr><tr><td><a href="https://jkchao.github.io/typescript-book-chinese/">typescript-book-chinese</a></td><td>TypeScript Deep Dive 中文版</td></tr><tr><td><a href="https://www.21cnjy.com/">21世纪教育</a></td><td>试题,课件,教案,学案、资源</td></tr><tr><td><a href="https://lab.reaal.me/jsrobot/">Jsrobot</a></td><td>在线游戏闯关学编程</td></tr><tr><td><a href="https://courses.platzi.com/">Platzi</a></td><td>在线IT技能直播学习网</td></tr><tr><td><a href="http://www.wordlm.com/">Word联盟</a></td><td>一个专注Word教程的网站</td></tr><tr><td><a href="https://mgechev.github.io/javascript-algorithms/">javascript-algorithms</a></td><td>包含了多种基于 JavaScript 的算法与数据结构</td></tr><tr><td><a href="https://typescript-node-starter.azurewebsites.net/">TypeScript-Node-Starter</a></td><td>用于TypeScript和Node的初始化模板</td></tr><tr><td><a href="https://www.lintcode.com/">LintCode</a></td><td>专注代码面试的在线评测系统</td></tr><tr><td><a href="https://github.com/webpack-contrib/awesome-webpack">awesome-webpack</a></td><td>Webpack相关资源，类库和工具汇总</td></tr><tr><td><a href="https://tutsplus.com/">TutsPlus</a></td><td>优秀的长文章、视频教程内容</td></tr><tr><td><a href="http://www.imooc.com/">慕课网</a></td><td>学习编程最简单的平台，慕课网提供了丰富的移动端开发</td></tr><tr><td><a href="https://ninghao.net/">宁浩网</a></td><td>从一个空白的画板开始，学习创建漂亮的网站与应用</td></tr><tr><td><a href="https://cn.udacity.com/">优达学城</a></td><td>传授硅谷的名企官方课程</td></tr><tr><td><a href="http://www.jikexueyuan.com/">极客学院</a></td><td>专业IT职业在线教育平台</td></tr><tr><td><a href="http://study.163.com/category/front-end-development">网易云课堂</a></td><td>在网易云课堂前端开发频道，发现好课！</td></tr><tr><td><a href="https://chuanke.baidu.com/course/_%E5%89%8D%E7%AB%AF_____.html">百度传课</a></td><td>网络课程 前端 网络教育</td></tr><tr><td><a href="https://teamtreehouse.com/">teamtree</a></td><td>在线网站设计教育平台</td></tr><tr><td><a href="https://www.codecademy.com/">codecademy</a></td><td>最简单的方式来学习如何编程</td></tr><tr><td><a href="https://www.nowcoder.com/">牛客网</a></td><td>专业IT笔试面试备考平台</td></tr><tr><td><a href="https://github.com/BruceDone/awesome-crawler">awesome-crawler</a></td><td>爬虫技术资源汇总</td></tr><tr><td><a href="https://github.com/Aaaaaashu/Mac-dev-setup">Mac-dev-setup</a></td><td>Mac 开发配置手册</td></tr><tr><td><a href="http://www.divcss5.com/">DIVCSS5</a></td><td>DIV CSS学习与交流平台</td></tr><tr><td><a href="https://github.com/CyC2018/CS-Notes">CS-Notes</a></td><td>计算机学习笔记、技术面试必备基础知识</td></tr><tr><td><a href="https://roadmap.sh">developer-roadmap</a></td><td>Web程序员技能树成长指南</td></tr><tr><td><a href="https://github.com/nqdeng/7-days-nodejs">7-days-nodejs</a></td><td>七天学会NodeJS</td></tr><tr><td><a href="http://www.t086.com/">IT学习网</a></td><td>关注IT、互联网和站长</td></tr><tr><td><a href="https://git.io/compiler">tiny-compiler</a></td><td>一个js写的微型编译器。可以用来学习编译器的入门知识</td></tr><tr><td><a href="https://github.com/qcer/Algo-Practice">Algo-Practice</a></td><td>算法实践(JavaScript &amp;amp; Java)</td></tr><tr><td><a href="https://github.com/scutan90/DeepLearning-500-questions">DeepLearning-500-questions</a></td><td>深度学习500问</td></tr><tr><td><a href="https://git.io/data-structures">data-structures</a></td><td>JavaScript编写简化了许多常见的数据结构的例子</td></tr><tr><td><a href="https://github.com/jmcunningham/AngularJS-Learning">AngularJS-Learning</a></td><td>AngularJS的学习资源</td></tr><tr><td><a href="https://github.com/AlloyTeam/Mars">Mars</a></td><td>腾讯移动 Web 前端知识库</td></tr><tr><td><a href="https://scrimba.com/">scrimba</a></td><td>非常有创意的编程教学网站</td></tr><tr><td><a href="http://bit.ly/Angular-GettingStarted">Angular-GettingStarted</a></td><td>Getting Started课程中使用的Angular应用程序示例</td></tr><tr><td><a href="https://github.com/PatrickJS/angular-starter">angular-starter</a></td><td>Angular入门套件</td></tr><tr><td><a href="https://github.com/chaozh/awesome-blockchain-cn">awesome-blockchain-cn</a></td><td>一个区块链学习的 github 项目</td></tr><tr><td><a href="https://github.com/pubdreamcc/web-study">web-study</a></td><td>总结的前端开发一些基础知识</td></tr><tr><td><a href="https://www.codewars.com/">codewars</a></td><td>Train with Programming Challenges/Kata</td></tr><tr><td><a href="https://github.com/hemanth/functional-programming-jargon">fp-jargon-zh</a></td><td>函数式编程术语及示例</td></tr><tr><td><a href="http://bit.ly/wtfjavascript">wtfjs</a></td><td>一个有趣和棘手的 JavaScript 示例列表</td></tr><tr><td><a href="https://www.dwr9.com/">D9源码</a></td><td>致力于分享完整的源码</td></tr><tr><td><a href="https://www.shiyanlou.com">实验楼</a></td><td>国内领先的IT技术实训平台</td></tr><tr><td><a href="http://www.xuetangx.com">学堂在线</a></td><td>精品中文慕课(mooc)平台</td></tr><tr><td><a href="https://realworld.io/">realworld</a></td><td>由React，Angular，Node，Django等提供支持的示例</td></tr><tr><td><a href="http://webpack.wuhaolin.cn">dive-into-webpack</a></td><td>全面的Webpack教程《深入浅出Webpack》电子书</td></tr><tr><td><a href="https://www.udemy.com/">Udemy</a></td><td>一家开放式在线教育网站</td></tr><tr><td><a href="https://github.com/og/gulp-book">gulp-book</a></td><td>Gulp 入门指南</td></tr><tr><td><a href="https://www.ctolib.com/">ctolib码库</a></td><td>每日更新收录实用的开源项目和资源</td></tr><tr><td><a href="http://www.zhaikexueyuan.com/">宅客学院</a></td><td>IT职业教育线上品牌，课程涵盖大数据、前端开发、后端开发等，免费课程挺多的。</td></tr><tr><td><a href="http://www.ycku.com/">瓢城Web俱乐部</a></td><td>一个不错的在线视频教程网站，部分教程还在持续更新中。</td></tr><tr><td><a href="http://www.yun.lu/student/homepage">云路课堂</a></td><td>专业的职业技能学习平台，免费课程很多</td></tr><tr><td><a href="http://www.howzhi.com/channel/IT-internet">好知网</a></td><td>一个综合性在线学习平台，有大量的在线课程，部分课程收费！</td></tr><tr><td><a href="https://www.html.cn/">html中文网</a></td><td>专注前端开发,用户体验</td></tr><tr><td><a href="https://dwqs.gitbooks.io/frontenddevhandbook/content/">前端开发者手册</a></td><td>这是任何人都可以用来学习前端的实践手册, 它概述并讨论了前端工程的实践</td></tr><tr><td><a href="http://www.aseoe.com/special/">爱思资源网</a></td><td>一个专业技术交流、资源共享的web前端开发工程师平台！</td></tr><tr><td><a href="https://docschina.org/">印记中文</a></td><td>Web 前端开发人员提供优质文档</td></tr><tr><td><a href="https://github.com/getify/You-Dont-Know-JS">You-Dont-Know-JS</a></td><td>是一款评价很高的JS教学文档，</td></tr><tr><td><a href="https://learngitbranching.js.org/?locale=zh_CN">Learn Git Branching</a></td><td>以动画的形式让你学习 git</td></tr><tr><td><a href="http://www.gbtags.com">极客标签</a></td><td>在线编程知识分享学习平台</td></tr><tr><td><a href="https://github.com/Tnfe/TNFE-Weekly">TNFE-Weekly</a></td><td>每周为你提供高质量的关于小程序、h5等前端领域的文章和项目</td></tr><tr><td><a href="https://github.com/justjavac/awesome-wechat-weapp">awesome-wechat-weapp</a></td><td>微信小程序开发资源汇总</td></tr><tr><td><a href="https://developers.google.cn/">Google Developers</a></td><td>Google为中国开发者而建立的技术资源</td></tr><tr><td><a href="http://youmightnotneedjquery.com/">你可能不需要jQuery</a></td><td>如何使有纯JavaScript替代jQuery实现常规的事件、元素、ajax等操作</td></tr><tr><td><a href="http://www.hcoder.net/">hCoder</a></td><td>更好、更快的开发</td></tr><tr><td><a href="http://www.codingke.com/">扣丁学堂</a></td><td>千锋教育旗下IT在线教育平台</td></tr><tr><td><a href="https://30secondsofcode.org/">30-seconds-of-code</a></td><td>30 秒就能理解的 JavaScript 代码片段</td></tr><tr><td><a href="https://github.com/CarGuo/GSYGithubAppFlutter">GSYGithubAppFlutter</a></td><td>超完整的Flutter项目，功能丰富，适合学习和日常使用</td></tr><tr><td><a href="https://book.flutterchina.club/">Flutter实战</a></td><td>Flutter中文网《Flutter实战》开源电子书项目</td></tr><tr><td><a href="https://github.com/AweiLoveAndroid/Flutter-learning">Flutter-learning</a></td><td>一些Flutter学习资料，个人总结，项目示例代码</td></tr><tr><td><a href="https://github.com/Solido/awesome-flutter">awesome-flutter</a></td><td>Flutter相关资源精选汇总</td></tr></tbody></table>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {};
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style>
.old-soso .block-nav dt {
  display: flex;
  align-items: center;
  height: 32px;
  margin-bottom: 20px;
  overflow: hidden;
}
.old-soso .block-nav dt img {
  width: 24px;
  margin-right: 8px;
}
.clear {
  display: flex;
  flex-wrap: wrap;

}
 .clear  li {
    width: 160px;
    height: 30px;
    line-height: 30px;
    margin-right: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
</style>
